
<template>
  <div class="share-box">
    <i class="iconfont icon-rizhi" @click="getDev"><span>分享</span></i>
    <i class="iconfont icon-dianzan"  @click="getDev"><span>点赞</span></i>
    <i class="iconfont icon-icon-test" :style="ac_color"  @click="getDev"> <span>收藏</span></i>     
  </div>
</template>
<script>	
export default {
  name:'Share',
  data () {
    return {
      ac_color:{
        // color:'#ffcc00'
      }
    }
  },
  mounted(){
    
  },
  methods:{
    getDev(){
      this.$message.warning('功能开发中...');
    }
  },
  
};

</script>

<style scoped lang="scss">
.share-box{
  margin-top: 28px;
  i{
    cursor: pointer;
    span{
      margin-left: 8px;
      font-size: 18px;
      color:#939393;
      margin-right: 52px;
      cursor: pointer;
    }
    &.icon-icon-test{
      font-size: 22px;
    }
  }
  
}
</style>